<template>
	<div class="" id="">
		<h1>创建分类</h1>
	<el-form ref="form" :model="form" label-width="80px" @submit.native.prevent>
		<el-form-item label="分类名称">
			<el-input  placeholder="请输入内容" v-model="form.classvalue" maxlength="30" show-word-limit clearable></el-input>
		</el-form-item>
		<el-form-item style="margin-top: 20px;">
			<el-button type="primary" @click="onSubmit">立即创建</el-button>
		</el-form-item>
	</el-form>
	</div>
</template>

<script>
	export default {
		name: ' ',
		components: {},
		data() {
			return {
				form: {
					classvalue: ''
				}
			}
		},
		methods: {
			onSubmit () {
				console.log('a')
			},
		},
		beforeCreate: function() {
			console.log('1-beforeCreate 初始化之后')
		},
		created: function() {
			console.log('2-created 创建完成')
		},
		beforeMount: function() {
			console.log('3-beforeMount 挂载之前')
		},
		mounted: function() {
			console.log('4-mounted 被创建')
		},
		beforeUpdate: function() {
			console.log('5-beforeUpdate 数据更新前')
		},
		updated: function() {
			console.log('6-updated 被更新后')
		},
		activated: function() {
			console.log('7-activated 激活的')
		},
		deactivated: function() {
			console.log('8-deactivated 暂停')
		},
		beforeDestroy: function() {
			console.log('9-beforeDestroy 销毁之前')
		},
		destroyed: function() {
			console.log('10-destroyed 销毁之后')
		}
	}
</script>

<style scoped>
</style>
